<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="https://vitejs.cn/logo.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Designer</title>
  <link rel="stylesheet" href="./style.css">
</head>

<body>
  <div id="app">
    <div id="container" style="background: #F3F4F6"></div>
    <div class="fps-info">FPS：<span id="fps"></span></div>
    <!-- <div class="info">偏移量：<span id="offset"></span></div> -->
    <div class="info">节点个数：<span id="nodesNum"></span> 画布渲染计时：<span id="time"></span></div>
    <div class="info">缩放：<span id="scale"></span></div>
    <div class="info" style="white-space: nowrap">已选节点：<span id="nodes">无</span></div>
    <div class="operation">
      <button onclick="stage.increaseScale()">放大</button>
      <button onclick="stage.decreaseScale()">缩小</button>
      <button onclick="stage.handleCenter()">居中</button>
      <button onclick="stage.original()">1:1</button>
      <button onclick="stage.adaptive()">自适应</button>
      <button onclick="window.autoLayout?.()">自动布局</button>
    </div>
  </div>
  <script type="module" src="/common.js"></script>
  <!-- <script type="module" src="/main.js"></script> -->
  <!-- <script type="module" src="/main1.js"></script> -->
  <script type="module" src="/main2.js"></script>
</body>

</html>